<template>
  <div>
    <h3>自定义指令</h3>
    <!-- 自定义指令实质就是操作dom -->
    <!-- 把当前标签内的字母全部转成小写 -->
    <span v-tolow="'ABDRRR'">自定义指令转成小写:ABDRRR</span>

    <!-- input自动获取焦点 -->
    <input type="text" v-focus="true" />
  </div>
</template>

<script>
export default {
  name: "Custom-directive",
  //局部自定义指令
  directives: {
    //函数写法
    //参数1.元素真实dom 2.绑定对象
    tolow(element, bingding) {
      element.innerText = bingding.value;
    },
    //对象写法
    focus: {
      inserted: function (el) {
        el.focus();
      },
    },
  },
};
</script>

<style lang="less" scoped>
</style>